<template>
  <ul class="pure-list">
    <li v-for="item in data" :key="item.dataId" :title='item.name'>
      <router-link :to="geneDetailRoute(item.dataId)" class='ellipsis'>
        <i></i>{{item.name}}
      </router-link>
    </li>
  </ul>
</template>

<script>
  import {geneDetailRoute, fieldState} from "@/mixins"

  export default {
    name: "pureList",
    mixins: [geneDetailRoute, fieldState],
    props: {
      data: {
        type: Array,
        default: function () {
          return []
        }
      }
    },
    data() {
      return {

      }
    }
  }
</script>

<style scoped>

</style>
